$(function() {
  // 获取搜索框中的 内容
  // location.search   可以获取浏览器地址栏参数部分
  // decodeURL  对地址栏中的中文进行解码
  // split();   字符串切割（ 将字符串转换成数组）
  var proName = decodeURI(location.search).split("=")[1];
  var obj = {
    proName: proName,
    page: 1,
    pageSize: 100
  };
  // 交互 渲染页面
  function reader() {
    $.ajax({
      type: "get",
      url: "/product/queryProduct",
      data: obj,
      dataType: "json",
      success: function(res) {
        console.log(res);
        $(".lt_product").html(template("tmp", res));
      }
    });
  }
  reader();
  // 添加历史记录  点击搜索按钮 跳转到搜索页面 同时 获取搜索框里的值 把值放到 localStorage 里 存储起来
  $(".search_btn").click(function() {
    var txt = $(".search_input").val();
    if (txt.trim().length == 0) {
      mui.toast("请输入搜索内容");
      return;
    }
    $(".search_input").val("");
    var his = JSON.parse(localStorage.getItem("search"));
    // 判断数组中是否有相同的值 如果有 就删除那个相同的值
    var index = his.indexOf(txt);
    if (index > -1) {
      his.splice(index, 1);
    }
    his.unshift(txt);
    // 判断单数组里的个数大于 6 时就删除 数组中的最后一位
    if (his.length > 6) {
      his.pop();
    }
    localStorage.setItem("search", JSON.stringify(his));
    obj.proName = txt;
    reader();
  });
});
